<template>
  <router-link to="/">
    <div class="city">
      <span class="iconfont back-item">&#xe606;</span>
      城市选择
    </div>
  </router-link>
</template>
<script>
export default {
  data: () => ({})
}
</script>
<style lang="stylus" scoped>
@import '../../../assets/styles/varibles.styl';

.city {
  position: relative;
  height: $headerHeight;
  line-height: $headerHeight;
  text-align: center;
  background: $bgColor;
  color: #fff;

  .back-item {
    position: absolute;
    padding-left: 4px;
    left: 0;
    top: 0;
  }
}
</style>
